-
Notifications
You must be signed in to change notification settings - Fork 4.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Search block: fix overflow width #49192
Conversation
Size Change: -3 B (0%) Total Size: 1.34 MB
ℹ️ View Unchanged
|
Flaky tests detected in 8b0ca5693485050414593644f9c3a67f7649c6b5. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/4478378140
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for fixing this @madhusudhand 👍
This tests pretty well on the surface for me using the example block content. If we want all the search block configurations to line up, the option without a search button is still out of whack. Maybe we could address that in a follow-up to this?
I had a couple of questions or suggested tweaks that I've left as inline comments that we might wish to address before landing this.
8b0ca56
to
2cf4eca
Compare
Sure. Thanks for pointing. I will take it up in a follow-up. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for iterating on this @madhusudhand 👍
It tests well for me.
With updating the "no button" version and adding an input outline for the "button-inside" layout, as follow-ups. I think this is ready to go.
What?
This fixes the search block overflow width issue for
inside button
variant.Before:
After:
With
em
units it still leaves small gaps because it is tied to parent font size. So, updated the units torem
instead.How?
border-box
em
torem
Testing Instructions
Fixes: #39946